<template>
	<div id="MyOptions">
		<ul>
			<li class="item"><router-link type="a" to="/personalHomepage"><span class="glyphicon glyphicon-user li_style"></span>个人信息<span class="glyphicon glyphicon-menu-right li_Arrow"></span></router-link></li>
			<li class="item"><router-link type="a" to="/mybookShelf"><span class="glyphicon glyphicon-book li_style"></span>我的书架<span class="glyphicon glyphicon-menu-right li_Arrow"></span></router-link></li>
			<li class="item" id="judge_identity"><router-link type="a" to="/administratorInterface"><span class="glyphicon glyphicon-briefcase li_style"></span>管理员权限<span class="glyphicon glyphicon-menu-right li_Arrow"></span></router-link></li>
			<!-- <li class="item"><router-link type="a" to="/myworks"><span class="glyphicon glyphicon-folder-close li_style"></span>我的作品<span class="glyphicon glyphicon-menu-right li_Arrow"></span></router-link></li> -->
			<li class="item"><router-link type="a" to="/login"><span class="glyphicon glyphicon-send li_style"></span>退出登录<span class="glyphicon glyphicon-menu-right li_Arrow"></span></router-link></li>
		</ul>
	</div>
</template>

<script>
	import $ from 'jquery'
	
	export default {
		name: 'MyOptions',
		data(){
			return {
				userid: this.$store.state.userid,
			}
		},
		methods:{
			en: function(){
				this.style.background = black;
			}
		},
		created() {
			console.log(this.userid)
			this.axios.get('http://192.168.43.169/api/userquery/'+this.userid).then((response) => {
				if (response.data.data[0].identity == "普通用户") {
					$('#judge_identity').css({'background':'rgb(238,238,238)','pointer-events':'none'});
				}
			  }
			)
		}
	}
</script>

<style>
	#MyOptions {
		width: 100%;
		height: 400px;
		border-top: #eee 5px solid;
		margin: 9px auto;
	}

	ul li a {
		text-decoration: none !important;
		color: rgb(90,90,90);
		margin-left: 37px;
	}

	ul .item {
		list-style: none;
		font-size: 15px;
		border-bottom: 1px #9D9D9D solid;
		margin-left: -38px;
		height: 45px;
		line-height: 45px;
		font-weight: 520;
	}

	/* .item:hover {
		background: #007AFF;
	} */

	.li_style {
		margin-right: 18px;
		margin-left: 10px;
	}

	.li_Arrow {
		margin-right: 10px;
		float: right;
		line-height: 40px;

	}
</style>
